<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>填开运单</title>
		<link rel="stylesheet" type="text/css" href="../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../css/billEdit.css" />
		<style type="text/css">
			td a{
				color: #f33a39;
				margin-left: 10px;
				font-size: 10px;
			}
			td a:nth-child(1){
				color: #37c2c2;
				margin-left: 0;
			}
		</style>
	</head>

	<body>
		<div class="container-fluid-full">
			<div class="row-fluid content-search">
				<div class="left">
					<span>填开运单</span>
					<label class="delete de">运单号<input class="default delete getBill" value="" style="width: 150px"><i></i></label>
					<button class="default but" onclick="getBill()">查询</button>
				</div>
				<div class="span2 right">
					<a onclick="history.back()">返回 &gt;</a>
				</div>
				<div class="clear"></div>
			</div>
			<div class="xian"></div>
			<div class="row-fluid content-form">
				<from id="waybill" autocomplete="off">
					<div class="left">
						<input type="hidden" class="billid" name="id" value="">
						<label class="default delete">纸质单号：<input class="default delete next" name="paperNumber" value=""><i></i></label>
						<label class="default"><div class="radio"><span class="checked"><input class="default" name="transportType" type="radio" value="1" checked=""></span></div>专线</label>
						<label class="default"><div class="radio"><span><input class="default" name="transportType" type="radio" value="0"></span></div>整车</label>
					</div>
					<div class="span6 right">
						<div>
							<label class="default delete">走货单号<input class="default delete next" name="orderNumber" value=""><i></i></label>
							<label class="default delete" style="margin-left: 20px">制单人<input class="default delete next" name="username" value=""><i></i></label>
							<span class="default date">2018年05月21日</span>
						</div>
					</div>
					<div class="clear"></div>
					<div class="title">
						<span>联系人信息</span>
						<hr>
					</div>
					<div class="item">
						<input type="hidden" name="customerId" value="">
						<input type="hidden" name="customerLeading" value="">
						<input type="hidden" name="customerTelephone" value="">
						<label class="default delete customerList">客户名称<input class="default delete next selectCustomer" name="customerName" value=""><i></i>
                            <div class="customerList"><ul></ul></div>
                        </label>
						<label class="default" style="margin-left: 20px">联系人：<span class="customerLeading"></span></label>
						<label class="default" style="margin-left: 20px">联系电话：<span class="customerTelephone"></span></label>
					</div>
					<div class="item">
						<label class="default delete addressList connect">发货人<input class="default delete next selectAddress" name="linkman1" value=""><i></i>
                            <div class="addressList" type="1" style="left: 52px"><ul></ul></div>
                        </label>
						<label class="default delete">联系电话<input class="default delete next checkInt" name="mobile1" value=""><i></i></label>
					</div>
					<div class="item">
						<span class="default">始发站</span>
						<select class="default provid" name="provid1">
							<option value="-1">省</option>
							<option value="110000" regionid="2">北京市</option>
							<option value="120000" regionid="3">天津市</option>
							<option value="130000" regionid="4">河北省</option>
							<option value="140000" regionid="5">山西省</option>
							<option value="150000" regionid="6">内蒙古</option>
							<option value="210000" regionid="7">辽宁省</option>
							<option value="220000" regionid="8">吉林省</option>
							<option value="230000" regionid="9">黑龙江省</option>
							<option value="310000" regionid="10">上海市</option>
							<option value="320000" regionid="11">江苏省</option>
							<option value="330000" regionid="12">浙江省</option>
							<option value="340000" regionid="13">安徽省</option>
							<option value="350000" regionid="14">福建省</option>
							<option value="360000" regionid="15">江西省</option>
							<option value="370000" regionid="16">山东省</option>
							<option value="410000" regionid="17">河南省</option>
							<option value="420000" regionid="18">湖北省</option>
							<option value="430000" regionid="19">湖南省</option>
							<option value="440000" regionid="20">广东省</option>
							<option value="450000" regionid="21">广西</option>
							<option value="460000" regionid="22">海南省</option>
							<option value="500000" regionid="23">重庆市</option>
							<option value="510000" regionid="24">四川省</option>
							<option value="520000" regionid="25">贵州省</option>
							<option value="530000" regionid="26">云南省</option>
							<option value="540000" regionid="27">西藏</option>
							<option value="610000" regionid="28">陕西省</option>
							<option value="620000" regionid="29">甘肃省</option>
							<option value="630000" regionid="30">青海省</option>
							<option value="640000" regionid="31">宁夏</option>
							<option value="650000" regionid="32">新疆</option>
						</select>
						<select class="default cityid" name="cityid1">
							<option value="-1">市</option>
						</select>
						<select class="default" name="districtid1">
							<option value="-1">区</option>
						</select>
						<span class="delete"><input class="default delete next" placeholder="详细地址" name="address1" value="" style="width: 300px;"><i></i></span>
					</div>
					<div class="item">
						<label class="default delete addressList connect">收货人<input class="default delete next selectAddress" name="linkman2" value=""><i></i>
                            <div class="addressList" type="2" style="left: 52px"><ul></ul></div>
                        </label>
						<label class="default delete">联系电话<input class="default delete next checkInt" name="mobile2" value=""><i></i></label>
					</div>
					<div class="item">
						<span class="default">目的站</span>
						<select class="default provid" name="provid2">
							<option value="-1">省</option>
							<option value="110000" regionid="2">北京市</option>
							<option value="120000" regionid="3">天津市</option>
							<option value="130000" regionid="4">河北省</option>
							<option value="140000" regionid="5">山西省</option>
							<option value="150000" regionid="6">内蒙古</option>
							<option value="210000" regionid="7">辽宁省</option>
							<option value="220000" regionid="8">吉林省</option>
							<option value="230000" regionid="9">黑龙江省</option>
							<option value="310000" regionid="10">上海市</option>
							<option value="320000" regionid="11">江苏省</option>
							<option value="330000" regionid="12">浙江省</option>
							<option value="340000" regionid="13">安徽省</option>
							<option value="350000" regionid="14">福建省</option>
							<option value="360000" regionid="15">江西省</option>
							<option value="370000" regionid="16">山东省</option>
							<option value="410000" regionid="17">河南省</option>
							<option value="420000" regionid="18">湖北省</option>
							<option value="430000" regionid="19">湖南省</option>
							<option value="440000" regionid="20">广东省</option>
							<option value="450000" regionid="21">广西</option>
							<option value="460000" regionid="22">海南省</option>
							<option value="500000" regionid="23">重庆市</option>
							<option value="510000" regionid="24">四川省</option>
							<option value="520000" regionid="25">贵州省</option>
							<option value="530000" regionid="26">云南省</option>
							<option value="540000" regionid="27">西藏</option>
							<option value="610000" regionid="28">陕西省</option>
							<option value="620000" regionid="29">甘肃省</option>
							<option value="630000" regionid="30">青海省</option>
							<option value="640000" regionid="31">宁夏</option>
							<option value="650000" regionid="32">新疆</option>
						</select>
						<select class="default cityid" name="cityid2">
							<option value="-1">市</option>
						</select>
						<select class="default" name="districtid2">
							<option value="-1">区</option>
						</select>
						<span class="delete"><input class="default delete next" placeholder="详细地址" name="address2" value="" style="width: 300px;"><i></i></span>
					</div>
					<div class="title">
						<span>货物信息</span>
						<hr>
					</div>
					<div class="item">
						<input type="hidden" name="goodsName">
						<input type="hidden" name="count">
						<label class="default goodsList">货物名称<input class="default goodsNameItem next">
                            <div class="goodsList"><ul></ul></div>
                        </label>
						<label class="default" style="margin-left: 17.5px">件数<input class="default chargeTypeValue countItem checkInt next" placeholder="请输入"></label>
						<button class="addGoods" style="margin-left: 10px"></button>
					</div>
					<div class="item">
						<label class="default" style="margin-left: 2em">体积<input class="default volume chargeTypeValue checkDouble next" placeholder="长*宽*高" name="volume" value=""></label> 方
						<button class="default" onclick="countVolume();return false;">计算</button>
						<label class="default" style="margin-left: 20px">重量<input class="default weight chargeTypeValue checkDouble next" name="weight" value=""></label> kg =
						<input class="default singleWeight next countWeight" style="width: 20px;margin: 0px 3px;"> * <input class="default num next countWeight" style="width: 20px;margin: 0px 3px;">
						<div style="color: red;margin-left: 5em">折算重量：<span class="default volumeToWeight" style="color: red">0</span>kg</div>
					</div>
					<div class="item">
						<span class="default" style="margin-left: 2em">包装</span>
						<select class="default" name="packageid">
							<option value="纸箱">纸箱</option>
							<option value="薄膜">薄膜</option>
							<option value="木架">木架</option>
							<option value="塑料">塑料</option>
							<option value="纸皮">纸皮</option>
						</select>
						<label class="default" style="margin-left: 20px">其他事项<input class="default next" placeholder="请输入" style="width: 300px;" name="remark" value=""></label>
					</div>
					<div class="title">
						<span>费用信息</span>
						<hr>
					</div>
					<div>
						<div style="display: inline-block;">
							<div class="item">
								<label class="default">运费<input class="default factor checkDouble next" placeholder="请输入" name="initFreight" value=""></label>
								<span class="count">*</span>
								<label class="default rate">折扣<input class="default rate factor checkDouble next" placeholder="请输入" name="rate" value="" style="width: 85px"><i class="rate">折</i></label>
								<span class="count">=</span>
								<label class="default">折后运费<input class="default product checkDouble next" placeholder="请输入" name="freight" value=""></label>
							</div>
							<div class="item">
								<span class="default">计费类型</span>
								<select class="default" name="chargeType" style="width: 55px;margin-left: 7px">
									<option value="体积">体积</option>
									<option value="重量">重量</option>
									<option value="件数">件数</option>
								</select>
								<label class="default"><input class="default chargeType" readonly="readonly" style="width: 35px;margin-left: 5px;background: #EAEAEA;border-radius: 4px;border: none;height: 20px;"></label>
								<label class="default" style="margin-left: 34px">其他费用<input class="default product checkDouble next" placeholder="请输入" name="fee" value=""><input class="default next" placeholder="其他费用备注" name="feeName" value=""></label>
								<div>
									<span class="default volumeOrWeight" style="color: red;margin-left: 88px"></span>
								</div>
							</div>
							<div class="item">
								<label class="default">信息服务费<input class="default product checkDouble next" placeholder="请输入" name="serviceFee" value=""></label>
								<label class="default">燃油附加费<input class="default product checkDouble next" placeholder="请输入" name="fuelFee" value=""></label>
								<label class="default" style="margin-left: 77px">送货费<input class="default product checkDouble next" placeholder="请输入" name="deliveryFee" value=""></label>
							</div>
						</div>
						<div class="price">
							<span>总金额（元）</span>
							<span class="allAmount"></span>
							<input type="hidden" class="allAmount" name="allAmount" value="">
						</div>
						<div class="item">
							<label class="default">货物保价<input class="default factor checkDouble next" placeholder="请输入" name="supportvalue" value=""></label>
							<span class="count">*</span>
							<label class="default rateMillesimal">费率<input class="default rateMillesimal factor checkDouble next" placeholder="请输入" name="rateMillesimal" value="" style="width: 85px;"><i class="rateMillesimal">‰</i></label>
							<span class="count">=</span>
							<label class="default">保价费<input class="default product checkDouble next" placeholder="请输入" name="supportvalueFee" value=""></label>
						</div>
						<div class="item">
							<label class="default">
                                <div class="checker"><span><input class="changeInvoiceStatus" type="checkbox" name="invoiceStatus" value="1"></span></div>委托购买保险
                            </label>
							<span style="margin-left: 10px;color: #999999">易碎、生鲜、危险品、红木不保，具体请见</span>
							<span style="margin-left: 10px;color: #37c2c2;cursor: pointer" onclick="invoiceNotice()"><img src="../img/attention.png" style="width: 19px;height: 19px;margin-right: 5px;vertical-align: -4px">保险须知</span>
							<span style="color: red;margin-left: 30px">保险成本为<span class="invoiceValue" style="margin: 0px 5px">**</span>元</span>
						</div>
					</div>
					<div class="title">
						<span>服务类型</span>
						<hr>
					</div>
					<div class="item">
						<span class="default">运输方式</span>
						<select class="default" name="shippingType">
							<option value="普通快线">普通快线</option>
							<option value="当日达">当日达</option>
							<option value="2日达">2日达</option>
							<option value="三日达">三日达</option>
						</select>
						<span class="default" style="margin-left: 20px">交货方式</span>
						<select class="default" name="deliveryType">
							<option value="送货上门（不上楼）">送货上门（不上楼）</option>
							<option value="送货上楼">送货上楼</option>
							<option value="网点自提">网点自提</option>
						</select>
						<span class="default" style="margin-left: 20px">付款方式</span>
						<select class="default" name="paymentType">
							<option value="月结">月结</option>
							<option value="现结">现结</option>
							<option value="到付">到付</option>
						</select>
						<span class="default" style="margin-left: 20px">是否需要回单：</span>
						<label class="default"><div class="radio"><span class="checked"><input type="radio" name="billBusinessStatus" value="0" checked=""></span></div>否</label>
						<label class="default"><div class="radio"><span><input type="radio" name="billBusinessStatus" value="1"></span></div>是</label>
						<div class="inner-item" style="display: none;">
							<div class="item">
								<span class="default">回单业务</span>
								<select class="default" name="billBusiness" style="margin-left: 7px">
									<option value="原件返回">原件返回</option>
									<option value="传真返回">传真返回</option>
								</select>
								<label class="default" style="margin-left: 118.5px">回单份数<input class="default next" placeholder="请输入" name="billNumber" value=""></label>
							</div>
							<div class="item">
								<label class="default" style="margin-left: 1em">委托方<input class="default next" placeholder="回单委托方姓名、联系方式等" name="client" value="" style="width: 200px"></label>
								<label class="default" style="margin-left: 22px">返回方<input class="default next" placeholder="回单返回方姓名、联系方式等" name="receiver" value="" style="width: 200px"></label>
							</div>
							<div class="item">
								<label class="default">回单说明<textarea class="next" placeholder="请输入" name="billBusinessRemark"></textarea></label>
							</div>
						</div>
					</div>
					<div class="title title1">
						<span>增值服务</span>
						<hr>
						<i class="toggle" style="transform: rotate(180deg);"></i>
					</div>
					<div class="toggle toggle1">
						<div class="item">
							<label class="default">
                                <input type="hidden" name="noticeDeliveryStatus" class="noticeDeliveryStatus" value="">
                                <div class="checker"><span><input type="checkbox" class="changeStatus"></span></div>等通知放货
                            </label>
							<label class="default">代收货款金额<input class="default checkDouble next" placeholder="请输入" name="loanFee" value=""></label>
							<label class="default" style="margin-left: 20px">代收手续费<input class="default checkDouble next" placeholder="请输入" name="collectionFee" value=""></label>
						</div>
						<div class="item">
							<label class="default">收款账户<input class="default next" placeholder="请输入" name="recvAccount" value="" style="width: 246px;"></label>
							<label class="default" style="margin-left: 34px">收款户名<input class="default next" placeholder="与托运人名一致" name="recvName" value=""></label>
							<label class="default" style="margin-left: 20px">开户银行<input class="default next" placeholder="请输入" name="recvBank" value=""></label>
							<label class="default" style="margin-left: 20px">开户支行<input class="default next" placeholder="请输入" name="recvBranch" value=""></label>
						</div>
					</div>
					<div class="title title2">
						<span>网点信息</span>
						<hr>
						<i class="toggle" style="transform: rotate(180deg);"></i>
					</div>
					<div class="toggle toggle2">
						<div class="item">
							<label class="default">业务员<input class="default next" placeholder="请输入" name="salesman" value="" style="width: 200px;"></label>
							<label class="default">业务员电话<input class="default next checkInt" placeholder="请输入" name="salesmanTelephone" value="" style="width: 200px;"></label>
						</div>
						<div class="item">
							<label class="default">提货点<input class="default next" placeholder="请输入姓名/网点名称" name="startingPoint" value="" style="width: 200px;"><input class="default next checkInt" placeholder="请输入联系电话" name="startingMobile" value=""></label>
							<label class="default">到货点<input class="default next" placeholder="请输入姓名/网点名称" name="terminalPoint" value="" style="width: 200px;"><input class="default next checkInt" placeholder="请输入联系电话" name="terminalMobile" value=""></label>
						</div>
						<div class="item">
							<input type="hidden" name="supplierId" value="">
							<input type="hidden" name="supplierLinkman" value="">
							<input type="hidden" name="supplierMobile" value="">
							<input type="hidden" name="supplierTelephone">
							<span class="default">供应商</span>
							<select class="default" name="supplierName" style="margin-left: 7px;width: 150px">
								<option value="">选择供应商</option>
								<option value="王天" supplierid="3" supplierlinkman="无敌" suppliermobile="13572654129" suppliertelephone="1200026">王天</option>
								<option value="德邦" supplierid="10" supplierlinkman="阿斯顿" suppliermobile="1357262620" suppliertelephone="">德邦</option>
								<option value="顺丰" supplierid="14" supplierlinkman="王企鹅" suppliermobile="13572626520" suppliertelephone="">顺丰</option>
							</select>
							<label class="default" style="margin-left: 20px">联系人：<span class="supplierLinkman"></span></label>
							<label class="default" style="margin-left: 20px">联系电话：<span class="supplierMobile"></span></label>
							<label class="default" style="margin-left: 20px">客服电话：<span class="supplierTelephone"></span></label>
						</div>
					</div>
					<div class="title title3">
						<span>车辆信息</span>
						<hr>
						<i class="toggle truck" style="transform: rotate(180deg);"></i>
					</div>
					<div class="toggle toggle3">
                        <div class="item">
                            <label class="default delete">车主姓名<input class="default delete" placeholder="请输入" name="driverName" value=""><i></i></label>
                            <label class="default delete">车牌<input class="default delete" placeholder="请输入" name="driverTruckno" value=""><i></i></label>
                            <label class="default delete" style="margin-left: 20px">车型<input class="default delete" placeholder="请输入" name="driverCartype" value=""><i></i></label>
                            <label class="default delete" style="margin-left: 20px">联系电话<input class="default delete checkInt" placeholder="请输入" name="driverPhone" value=""><i></i></label>
                        </div>
                        <div class="item">
                            <label class="default delete">身份证号<input class="default delete checkInt" placeholder="请输入" name="driverIdcardno" value=""><i></i></label>
                            <label class="default">载重<input class="default checkDouble" placeholder="请输入" name="driverWeight" style="width: 75px" value=""><span style="margin: 0px 10px">kg</span></label>
                            <label class="default" style="margin-left: 49px">载方<input class="default checkDouble" placeholder="请输入" name="driverVolume" style="width: 75px" value=""><span style="margin: 0px 10px">方</span></label>
                        </div>
                    </div>
                    <div class="bottom">
                        <div class="span4">
                            <a onclick="generateBillShowImage()">打印预览</a>
                        </div>
                        <div class="span5">
                            <input type="button" class="url" url="/wayBill/bill/billEdit?billid=" value="重置">
                            <input type="button" value="保存" onclick="save()">
                        </div>
                    </div>
				</from>
			</div>
		</div>
		<script type="text/javascript">
			var title1 = document.querySelector(".title1");
			var title2 = document.querySelector(".title2");
			var title3 = document.querySelector(".title3");
			
			var toggle1 = document.querySelector(".toggle1");
			var toggle2 = document.querySelector(".toggle2");
			var toggle3 = document.querySelector(".toggle3");
			
			title1.addEventListener("click",function(){
				if(toggle1.style.display=="block"){
					toggle1.style.display='none';
				}else{
					toggle1.style.display='block';
				}
			})
			title2.addEventListener("click",function(){
				if(toggle2.style.display=="block"){
					toggle2.style.display='none';
				}else{
					toggle2.style.display='block';
				}
			})
			title3.addEventListener("click",function(){
				if(toggle3.style.display=="block"){
					toggle3.style.display='none';
				}else{
					toggle3.style.display='block';
				}
			})
		</script>
	</body>

</html>